@charset "utf-8";
/*reset */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section,summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
:focus {outline: 1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}

html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,object,iframe,form,blockquote,fieldset,input,textarea,code,address,caption,cite,code,em,i,ins{margin:0;padding:0; font-style:normal;font-weight:normal; border:0 none;}
h1,h2,h3,h4,h5,h6{ font:12px Arial, Helvetica, sans-serif; font-weight:700;}
body{font-family:Arial, Helvetica, sans-serif;word-wrap: break-word;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
html,body { color:#9c9c9c; text-align:center; margin:0 auto; padding:0; background:#fff;}
ul { list-style:none outside; }/* outsideIE6,7 */
a:link,a:visited { color:#9c9c9c; text-decoration:none !important; }
a:hover { color:#f18645;text-decoration:underline;}
button{ border:0 none; background:none;}

/*--=clearfix--*/
.panel:after {content: "\0020"; display: block; visibility:hidden; height: 0; clear: both; }
.panel {zoom:1; }

/*reset UI */
#content{ top:80px !important; bottom:80px !important; overflow:hidden;}

/*layout*/
/*-webkit-gradient(linear, 0 0, 0 100%, from(#404445), to(#1e1915))*/
.wrap{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(0.7, #fff), to(#f0f1f3)); font-size:63%; font:0.8em Droid Sans "\5FAE\8F6F\96C5\9ED1" Arial, Helvetica, sans-serif; background-attachment:scroll; margin:0 auto; min-height:460px; overflow:hidden;}
.wrap > header{ height:59px; border-bottom:4px solid rgba(255, 224, 0, 1); background:#1e1915 url(../images/bg_header.gif) repeat-x; position:relative;}
.wrap > header > nav{ height:100%;}
.wrap > header > nav button{ width:20%; height:70%; float:left; margin-top:5px; border-right:1px solid #1b1612; background:url(../images/btn_back.png) no-repeat center;}
.wrap > footer{ position:fixed; bottom:0; width:100%; height:48px; border-top:1px solid #93d3ec; background:-webkit-gradient(linear, 0 0, 0 100%, from(#636363), to(#221d19)); z-index:99;}
.wrap > article{ min-height:200px; margin-bottom:50px;}
.top-bar{}
.top-bar input{ width:195px; height:30px; border:3px solid #7eccfa; border-radius:15px; background:#fff url(../images/bg_search.png) no-repeat right center; position:absolute; top:15%; left:3%;}
.top-bar button{ vertical-align:middle; display:inline; background:-webkit-gradient(linear, 0 0, 0 100%, from(#3bd6ff), to(#0887f2)); margin:1% 0 0 3%; position:absolute; top:25%; right:5%;}
#banner{ width:117px !important; overflow:visible !important;}
#banner div{ width:1000%; height:90px; padding:8% 0; background-color:#ccc; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); background-size:5px 5px; background-attachment:fixed;}
#banner ol{ float:left; width:1000px !important;/* position:absolute; top:0; left:0;*/ }
#banner ol li{ float:left; width:163px !important; margin:0 8px !important;}
#banner ol li:first-child{ margin-left:16px !important}
#banner ol li:last-child{ margin-right:16px !important}
.list.none{ display:none;}
.list ul{ min-height:100px;}
.list ul li,.list p.result{ border-bottom:1px solid #ccc; clear:both; padding:5px 0; height:48px; line-height:48px; overflow:hidden;}
.list p.result/*,.list li.none*/{ font-size:1.2em;}
.list p.result strong{ font-weight:700;}
.list p.result span{ color:#ffc309; margin:0 4px;}
.list ul li:not(.none):active{ background:#efefef;}
.list ul li dl dt,.list ul li dl dd,header > dl dt,header > dl dd{ float:left;}
.list ul li dl dt strong,header > dl dt strong{ display:block; color:#434343; line-height:220%;}
.list ul li dl dt span em{ width:50%; float:left;}
.list ul li dl dd img{ width:40px;/* -webkit-box-reflect: below 0px  -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(#fff) );*/ vertical-align:middle;}
.list ul li dl dd button,article > header > dl dd button{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffc205), to(#ff9d04)); box-shadow:1px 1px 1px #ccc; display:block; border-radius:20px; padding:4px 10px; color:#fff; font-size:0.8em; vertical-align:middle; }
.list ul li dl dd:nth-child(1){ width:16%; padding:0 5px;}
.list ul li dl dt:nth-child(2){ width:55%;text-overflow:ellipsis; line-height:150%; text-align:left;}
.list ul li dl dt:nth-child(2) span:first-child{ margin-right:1%;}
.list ul li dl dt:nth-child(2) span:last-child{ margin-left:1%;}
.list ul li dl dd:nth-child(3){ color:#f17417; font-size:1.2em; line-height:150%;}
.list{ position:relative;}
.list h2{ border-bottom:1px solid #f1e084; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fffcd9), to(#fff189)); color:#5d585c; display:none; font-size:1.2em; font-weight:700; height:34px; line-height:34px; text-align:left; padding-left:7%;}

.list.tree > ul > li,.list.tree > dl > dt{ background:url(../images/icon_category.png) no-repeat 7% -23%,-webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e5e5e5)); border-top:1px solid #efefef; border-bottom:1px solid #c7c8ca; height:50px; padding:0; text-align:left; text-indent:15%; width:100%; overflow:hidden;}
.list.tree.closed > dl > dt{ background-position:7% 122%;}
.list.tree.closed > dl > dt.current{ background-position:7% 50%;}
.list.tree > ul > li > a,.list.tree > dl > dt > a{ color:#696969; display:block; font-size:1.4em; line-height:50px;}
.list.tree > dl > dd{ display:none;}

#loading{ height:48px; line-height:48px; background:url(../images/loading.gif) no-repeat 32% 50%; display:none;}
div#dialog{  position:fixed; top:25%; left:5%; width:86%; padding:2%; height:37%; border:1px solid #406b9e; border-radius:7px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#d3e8e9), to(#046abe)); display:none; z-index:3; }
div#dialog section{ margin:40px 0;}
div#dialog section input,div#dialog section button{ font-size:1.2em;}
div#dialog section input{ width:60%; height:30px; border:1px solid #bac5cb; border:1px solid #bac5cb; border-top:1px solid #706768; border-right:1px solid #706768; vertical-align:middle;}
div#dialog section:nth-child(1) button{ height:32px; padding:0 15px; color:#fff; border:1px solid #0d76ba; background:-webkit-gradient(linear, 0 0, 0 100%, from(#12d6fe), to(#0066b8)); vertical-align:middle;}
div#dialog section:nth-child(2) button{ height:38px; padding:0 35px; color:#e06300; font-weight:700; line-height:38px; border-radius:3px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8fcfd), to(#f6cc42)); margin:0 10px;}
div#dialog_mask{ background-color:#000; filter:alpha(opacity=50); opacity:.05; width:100%; height:100%; position:fixed; top:0; left:0; z-index:2; display:none; zoom:1;}
article > header{ float:left; width:100%; padding-top:3px; border-top:7px solid #fff; border-bottom:1px solid #f9db79; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdffe5), to(#fff48c));}
article > header > dl dd img{ border:2px solid #ffe887; width:40px; border-radius:8px; margin-top:1%; padding:6px; background:#fff;}
article > header > dl dt strong{ font-size:1.3em; line-height:100%; margin-bottom:5px;}
article > header > dl dd button,.wrap .top-bar button{ display:block; border-radius:20px; padding:4px 15px; color:#fff; font-size:1em;}
article > header > dl dd:nth-child(1){ width:20%; padding:0 3%; text-align:right;}
article > header > dl dt:nth-child(2){ width:40%;text-overflow:ellipsis; line-height:150%; text-align:left;}
article > header > dl dd:nth-child(3){ line-height:150%; color:#f17417;}
article > header > dl dd:nth-child(3) button{ margin-top:10px;}
article > header > dl dt strong em{ float:right; width:50%; font-size:0.8em;}
article > header > dl dt span{ display:block; line-height:140%;}
article > header > dl dt span em{ float:left;}
article > header > dl dt{ float:left;}
article > section{ clear:both; text-align:left; color:#6b6b6b; padding:5px 30px; line-height:250%;}
article > section > div{ padding:4% 0;}
article > section > div > img{ margin:1% 2.8%;}
article > section > strong{ font-size:1.22em; color:#ecb551; text-align:left; float:left; text-indent:1.8em; background:url(../images/icon_head.png) no-repeat 30% 55%;}
article > section:last-child{ float:left; width:100%; padding:5px 0; padding-bottom:70px;}
article > section:last-child dl dt{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e2e2e2)); border-bottom:1px solid #dadada; font-size:1.3em; height:40px; line-height:40px; padding-left:10%; text-align:left;}
article > section:last-child dl dd{ float:left; text-align:center; width:25%; height:100%; margin-bottom:5px; padding-top:5px; line-height:150%;}
article > section:last-child dl dd img{ width:50px;}
article > section:last-child dl dd span{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div#search{ background:#fffbde; border-bottom:1px solid #fbd975; padding:2% 0;}
div#search input[type=text]{ border:3px solid #ffc309; border-right:0 none; border-radius:20px 0 0 20px; font-size:1.4em; width:250px; height:45px; padding-left:2%;}
div#search input[type=submit]{ background:#ffc309 url(../images/bg_search.png) no-repeat right center; border-radius:0 20px 20px 0; width:50px; height:51px;}
#search-tag ul{ width:100%; margin:0 auto;}
#search-tag ul li{ float:left; font-size:1.8em; margin:0 0.2%;}
.tag ul{ min-height:100px;}

footer button{ float:left; width:49.8%; height:100%; font-size:1.4em; font-weight:700; color:#fff;}
footer button:nth-child(1){ border-right:1px solid #6c6c6c;}